<!DOCTYPE html>
<html lang="en">

<head>
    <title>aaa</title>
    <meta charset="UTF-8">
    <!-- <meta http-equiv="Content-Security-Policy"
        content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <header>
        <h1>路由使用方式：</h1>
    </header>
    <aside>
        <fieldset>
            <legend>Route标签方式：</legend>
            <Router>
                <li>
                    <Route data-hash="/">Login</Route>
                </li>
                <li>
                    <Route data-hash="/home">Home</Route>
                </li>
                <li>
                    <Route data-hash="/about">About</Route>
                </li>
            </Router>
        </fieldset>
        <fieldset>
            <legend>Route标签方式：</legend>
            <Router>
                <li><a href="#/home">Home</a></li>
                <li><a href="#/about">About</a></li>
            </Router>
        </fieldset>
        <fieldset>
            <legend>路由展示区域</legend>
            <RouterView>
                view-index
            </RouterView>
        </fieldset>
    </aside>
    <RouterView>
        view-index
    </RouterView>
</body>

</html>